<el-form ref="form" :model="form" label-width="80px">
<el-form-item label="文章名称">
  <el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item label="文章描述">
  <el-input type="textarea" v-model="form.desc"></el-input>
</el-form-item>
<el-form-item label="排序">
  <el-input-number v-model="formInline.num" @change="handleChange" :min="1" :max="10" label="描述文字"></el-input-number>
</el-form-item>
<el-form-item>
  <el-button type="primary" @click="onSubmit">确定</el-button>
  <el-button>取消</el-button>
</el-form-item>
</el-form>
<script>
export default {
  data() {
    return {
      form: {
        name: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: '',
        formInline: {
          num: '1',
        },
      }
    }
  },
  methods: {
    handleChange(value) {
      console.log(value);
    },
    onSubmit() {
      console.log('submit!');
    }
  }
}
</script>
